<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>

<style>
</style>

<body>
    <table>
        <thead>
            <tr>
                <th id="setting-item-name">设置项名称</th>
                <th id="setting-item-content">设置项内容</th>
                <th id="setting-item-memo">设置项备注</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><span id="session-create">新建会话</span></td>
                <td>
                    <button id="jupyterSessionsCreateRefreshButton">刷新</button>
                    <select id="jupyterSessionsCreateKernelSelect"></select>
                    <span id="jupyterSessionsCreateState"></span>
                    <img id="jupyterSessionsCreateImage" style="height: 1em;" />
                    <span id="jupyterSessionsCreateLanguage"></span>
                    <br />
                    <input id="jupyterSessionsCreateNameInput" type="text" placeholder="会话名称">
                    <input id="jupyterSessionsCreatePathInput" type="text" placeholder="会话目录">
                    <button id="jupyterSessionsCreateButton">新建</button>
                </td>
                <td></td>
            </tr>
            <tr>
                <td><span id="session-manage">管理会话</span></td>
                <td>
                    <button id="jupyterSessionsManageRefreshButton">刷新</button>
                    <select id="jupyterSessionsManageSessionSelect"></select>
                    <span id="jupyterSessionsManageState"></span>
                    <img id="jupyterSessionsManageImage" style="height: 1em;" />
                    <span id="jupyterSessionsManageKernel"></span>
                    <br />
                    <input id="jupyterSessionsManageNameInput" type="text" placeholder="会话名称">
                    <input id="jupyterSessionsManagePathInput" type="text" placeholder="会话目录">
                    <button id="jupyterSessionsManageUpdateButton">更新</button>
                    <br />
                    <button id="jupyterSessionsManageStartButton">连接</button>
                    <button id="jupyterSessionsManageInterruptButton">中断</button>
                    <button id="jupyterSessionsManageRestartButton">重启</button>
                    <button id="jupyterSessionsManageCloseButton">关闭</button>
                </td>
                <td></td>
            </tr>
    </table>
</body>
<script type="module">
    import {
        url,
        config,
        i18n,
    } from './js/config.js';
    const lang = url.searchParams.get('lang');

    document.getElementById('setting-item-name').innerText = i18n('setting-item-name', lang);
    document.getElementById('setting-item-content').innerText = i18n('setting-item-content', lang);
    document.getElementById('setting-item-memo').innerText = i18n('setting-item-memo', lang);

    document.getElementById('session-create').innerText = i18n('session-create', lang);
    document.getElementById('session-manage').innerText = i18n('session-manage', lang);

    document.getElementById('jupyterSessionsCreateNameInput').placeholder = i18n('session-name', lang);
    document.getElementById('jupyterSessionsManageNameInput').placeholder = i18n('session-name', lang);
    document.getElementById('jupyterSessionsCreatePathInput').placeholder = i18n('session-path', lang);
    document.getElementById('jupyterSessionsManagePathInput').placeholder = i18n('session-path', lang);


    document.getElementById('jupyterSessionsCreateRefreshButton').innerText = i18n('refresh', lang);
    document.getElementById('jupyterSessionsManageRefreshButton').innerText = i18n('refresh', lang);

    document.getElementById('jupyterSessionsCreateButton').innerText = i18n('create', lang);

    document.getElementById('jupyterSessionsManageUpdateButton').innerText = i18n('update', lang);
    document.getElementById('jupyterSessionsManageStartButton').innerText = i18n('connect', lang);
    document.getElementById('jupyterSessionsManageInterruptButton').innerText = i18n('interrupt', lang);
    document.getElementById('jupyterSessionsManageRestartButton').innerText = i18n('restart', lang);
    document.getElementById('jupyterSessionsManageCloseButton').innerText = i18n('close', lang);

</script>
<script type="module" src="./js/document.js"></script>

</html>
